
<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Song后台管理系统</title>

    <!-- Bootstrap core CSS -->

    <link href="__PUBLIC__/lib/css/bootstrap.min.css" rel="stylesheet">

    <link href="__PUBLIC__/lib/fonts/css/font-awesome.min.css" rel="stylesheet">
    <link href="__PUBLIC__/lib/css/animate.min.css" rel="stylesheet">
    <link rel="stylesheet" href="__PUBLIC__/lib/css/font-awesome.min.css">
    <link rel="stylesheet" href="__PUBLIC__/lib/css/AdminLTE.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="__PUBLIC__/lib/css/ionicons.min.css">
    <!-- Custom styling plus plugins -->
    <link href="__PUBLIC__/lib/css/custom.css" rel="stylesheet">
    <link href="__PUBLIC__/lib/css/icheck/flat/green.css" rel="stylesheet">


    <script src="__PUBLIC__/lib/js/jquery.min.js"></script>
     <script type="text/javascript" src="__PUBLIC__/lib/js/jquery.validate.js"></script>

    <!--[if lt IE 9]>
        <script src="../assets/js/ie8-responsive-file-warning.js"></script>
        <![endif]-->

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>

    <style>
        .copyright {
            margin-top: 10px;
        }

        .copyright a{
            font-size: 12px;
            font-weight: 400;
        }
    </style>
  </head>
  <body class="hold-transition login-page">
    <div class="login-box">
      <div class="login-logo">
        <a href="javascript:;"><b>Song后台管理系统</b></a>
      </div><!-- /.login-logo -->
      <div class="login-box-body">
        <p class="login-box-msg">Song后台管理系统登录</p>
                  <form action="{:U(checkLogin)}" id="signupForm" method="post">
            <input type="hidden" name="_token" value="6rWIWJtsthKiSuEOanEhEuoAlGM2oHK4QIRbjGVU">
          <div class="form-group has-feedback">
            <input type="text" name="username" required class="form-control" placeholder="用户名">
            <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
          </div>
          <div class="form-group has-feedback">
            <input type="password" class="form-control" required name="password" placeholder="密码">
            <span class="glyphicon glyphicon-lock form-control-feedback"></span>
          </div>
          <div class="row">
            <div class="col-xs-8">
              <div class="checkbox icheck">
                <label>
               
                </label>
              </div>
            </div><!-- /.col -->
            <div class="col-xs-4">
              <button type="submit" class="btn btn-primary btn-block btn-flat">登录</button>
            </div><!-- /.col -->
          </div>
        </form>
        <div class="copyright">
            <a href="javascript:;">©2016 Song. All rights reserved.</a><br/>
            <a href="javascript:;">技术支持：Song</a>
        </div>
      </div><!-- /.login-box-body -->
    </div><!-- /.login-box -->

        <!--提示-->
<style>
    .layout_container {
        width: 100%;
        position: fixed;
        top: 50px;
        text-align: center;
        transform: translate(0,-50px);
        z-index: 20000;
    }

    .pop_container {
        display: inline-block;
        padding: 10px 40px;
        background: #ff0000;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        transform: translate(0,0);
        -moz-box-shadow:0px 0px 13px #333333;
        -webkit-box-shadow:0px 0px 13px #333333;
        box-shadow:0px 0px 13px #333333;
    }

    .pop_container p {
        padding: 0;
        margin: 0;
        color: #fff;
        font-weight: 600;
    }
</style>



<script>
    setTimeout(function(){
       // $('.layout_container').css('transition','all 2s');
       // $('.layout_container').css('transform','translate(0,-50px)');
        $('.layout_container').fadeOut(1000);
    },2000);

    /*
    function toHidden()
    {
        setTimeout(function(){
            $('.layout_container').css('transition','all 2s');
            $('.layout_container').css('transform','translate(0,-50px)');
        },2000);
    }*/
</script>    <!-- Bootstrap 3.3.5 -->
    <script src="__PUBLIC__/lib/js/bootstrap.min.js"></script>
    <!-- iCheck -->
<script type="text/javascript">
	$(function(){
		 $("#signupForm").validate({
				        rules: {
									   username: {
									   	required : true,
									   	maxlength : 20,
									   },
									   password: {
									    required: true,
									    minlength: 4,
									    maxlength: 16,
									   },
								
				            },
				       messages: {
									   username:{
										 required: "请输入用户名",
                                         minlength: $.validator.format("用户名不能大于{0}个字 符")
									   } ,
									   password: {
									    required: "请输入密码",
									    minlength: $.validator.format("密码不能小于{0}个字 符"),
									    maxlength: $.validator.format("密码不能大于{0}个字 符")
									   },
							
				       }
		    });

	});


</script>>
    </body>
</html>